@import "../common/_common.scss";
body{background: #F5F5F5;}
.Integral_head{
	width: 1190px;
	margin: 0 auto;
	height: 513px;
	background: url(../../img/Integral_head.jpg) no-repeat;
	overflow: hidden;
	p{
		font-size: 20px;
		width: 1094px;
		color: $cfff;
		text-indent: 40px;
		margin: 406px auto;
		line-height: 1.6;
	}
}
.Integral_main{
	width: 1190px;
	margin: 0 auto;
	background: $cfff;
	overflow: hidden;
	.makeMore{
		margin: 50px auto;
		width: 150px;
		height: 49px;
		text-align: center;
		line-height: 49px;
		color: $cfff;
		background: #D22C3B;
		border-radius: 20px;
		font-size: 24px;
	}
	ul.clearfix{
		margin-bottom: 40px;
	}
	.line+.line{
		border-left: 1px dashed #F1BFC4;
	}
	.line{
		min-height: 480px;
		float: left;
		width: 295px;
		text-align: center;
		h3{
			font-size: 18px;
			font-weight: bold;
			color: #d22c3b;
			margin: 20px 0 43px;
		}
		.line_p{
			color: $c666;
			font-weight: bold;
			font-size: 14px;
			text-align: left;
			margin-left: 40px;
			margin-bottom: 34px;
			white-space: nowrap;
		}
		b{
			@include inline-block;
		}
		.point{
			font-weight: normal;
			color: #d22c3d;
		}
	}
	.consume{
		b{
			width: 80px;
		}
		.num{
			margin-left: 10px;
		}
		.reward{
			margin-left: 14px;
		}
	}
	.task{
		b{
			width: 155px;
		}
	}
	.active{
		.btn_img{
			margin-bottom: 5px;
		}
	}
	.sweep{
		.QR_code{
			width: 229px;
			height: 101px;
			background: #FDF5F1;
			padding: 7px;
			position: relative;
			margin: 0 auto 10px;
			img{
				float: left;
				margin-right: 15px;
			}
		}
		.QR_p{
			float: left;
			max-width: 100px;
			text-align: justify;
			font-size: 14px;
			color: $c666;
			font-weight: bold;
		}
		.QR_point{
			font-size: 14px;
			color: #D3445A;
			position: absolute;
			bottom: 7px;
			left: 122px;
		}
	}
	.rule{
		padding: 50px 40px;
		background: #d22c3d;
		text-align: center;
		h2{
			color: $cfff;
			border: 2px solid $cfff;
			border-radius: 20px;
			font-weight: normal;
			font-size: 24px;
			@include inline-block;
			width: 150px;
			height: 45px;
			line-height: 45px;
			margin-bottom: 40px;
		}
		p{
			text-align: left;
			color: $cfff;
			font-size: 16px;
		}
		p+p{
			margin-top: 30px;
		}
		.dot{
			@include inline-block;
			width: 10px;
			height: 10px;
			background: url("/resources/img/dot.png") no-repeat;
			background-size: 100%;
			margin-right: 10px;
		}
		em{
			font-weight: bold;
		}
	}
}